@charset "UTF-8";


/**------------------------------------Background大类：控制背景颜色、背景图像等-------------------------------------------**/


/**
目录分类：
	bc-bg[类别]：background，背景，复合属性。类别为数字编号，用于定义各种不同的复合背景。语法格式：background：[background-color]||[background-image]||[background-repeat]||[background-attachment]||[background-position]
	bc-bg-c[-类型][类别]：background-color，背景颜色。类别为数字编号，用于定义不同程度的背景颜色。
	bc-bg-img[类别]：background-image，背景图像。此属性将覆盖背景颜色(background-color)。类别为数字编号，用于定义不同的背景图像。
	bc-bg-rep[-类型]：background-repeat，背景图像如何铺排填充。必须先设置背景图像(background-image)。
	bc-bg-att[-类型]：background-attachment，背景图像是随对象内容滚动还是固定的。必须先设置背景图像(background-image)。
	bc-bg-pos[-类型][类别]：background-position，背景图像位置。必须先设置背景图像(background-image)。
	bc-bg-ori[-类型]：background-origin，背景图像计算background-position时的参考原点(位置)。必须先设置背景图像(background-image)。
	bc-bg-cli[-类型]：background-clip，背景图像向外裁剪的区域。必须先设置背景图像(background-image)。
	bc-bg-siz[-类型][类别]：background-size，背景图像的尺寸大小。必须先设置背景图像(background-image)。
*/



/**
背景复合样式类别：
格式：
	bc-bg[类别]
说明：
	前缀为bc-bg，代表background，背景，复合属性。语法格式：background：[background-color]||[background-image]||[background-repeat]||[background-attachment]||[background-position]
	类别为数字编号，用于定义各种不同的复合背景
简写示例：
	（1）background:#CCC;
	（2）background:#CCC url(bg.jpg) no-repeat 0 0;
	（3）background:transparent none repeat scroll 0% 0%;//默认值
*/
.bc-bg{
	/*示例：*/
	background: #EEEEEE /*url(bg.jpg) no-repeat scroll 50px 30px*/;
}
.bc-bg0{
	/*示例：背景颜色线性渐变，参考地址：http://css3pie.com/documentation/supported-css3-features/#gradients。*/
    background: #CCCCCC; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC) to(#EEEEEE)); /*old webkit*/
    background: -webkit-linear-gradient(#CCCCCC, #EEEEEE); /*new webkit*/
    background: -moz-linear-gradient(#CCCCCC, #EEEEEE); /*gecko*/
    background: -ms-linear-gradient(#CCCCCC, #EEEEEE); /*IE10*/
    background: -o-linear-gradient(#CCCCCC, #EEEEEE); /*opera 11.10+*/
    background: linear-gradient(#CCCCCC, #EEEEEE); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#EEEEEE, #EEEEEE); /*PIE*/
    behavior: url(PIE.htc);
}
.bc-bg1{
	/*示例：背景图像线性渐变，参考地址：http://css3pie.com/documentation/supported-css3-features/#pie-background。*/
    background: url(bg.jpg) no-repeat #CCCCCC; /*non-CSS3 browsers will use this*/
    background: url(bg.jpg) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC) to(#EEEEEE)); /*old webkit*/
    background: url(bg.jpg) no-repeat, -webkit-linear-gradient(#CCCCCC, #EEEEEE); /*new webkit*/
    background: url(bg.jpg) no-repeat, -moz-linear-gradient(#CCCCCC, #EEEEEE); /*gecko*/
    background: url(bg.jpg) no-repeat, -ms-linear-gradient(#CCCCCC, #EEEEEE); /*IE10 preview*/
    background: url(bg.jpg) no-repeat, -o-linear-gradient(#CCCCCC, #EEEEEE); /*opera 11.10+*/
    background: url(bg.jpg) no-repeat, linear-gradient(#CCCCCC, #EEEEEE); /*future CSS3 browsers*/
    -pie-background: url(bg.jpg) no-repeat, linear-gradient(#CCCCCC, #EEEEEE); /*PIE*/
}
.bc-bg2{
	background: #EEEEEE /*url(bg.jpg) no-repeat scroll 50px 30px*/;
}



/**
背景颜色类别：
格式：
	bc-bg-c[类别]
	bc-bg-c[-类型]
说明：
	前缀为bc-bg-c，代表background-color。
	类别为数字编号，用于定义不同程度的背景颜色。
类型：
	无：#000000，纯黑
	bla：Black，#000000，纯黑
	whi：White，#FFFFFF，纯白
	red：Red，#FF0000，红色
	lim：Lime，#00FF00，酸橙色（顶级绿、极绿色），不是纯绿
	blu：Blue，#0000FF，纯蓝
	gre：Green，#008000，纯绿
	sil：Silver，#C0C0C0，银白色
	gra：Gray，#808080，灰色
	oli：Olive，#808000，橄榄色
	yel：Yellow，#FFFF00，纯黄
	mar：Maroon，#800000，栗色
	nav：Navy，#000080，海军蓝
	pur：Purple，#800080，紫色
	tea：Teal，#008080，水鸭色
	fuc：Fuchsia，#FF00FF，紫红色
	aqu：Aqua，#00FFFF，水绿色，即青色
	cya：Cyan，#00FFFF，青色，即水绿色
	ora：Orange，#FFA500，橙色
	gol：Gold，#FFD700，金色
*/
.bc-bg-c{
	background-color: #000000;
}
.bc-bg-c-bla{
	background-color: #000000;
}
.bc-bg-c-whi{
	background-color: #FFFFFF;
}
.bc-bg-c-red{
	background-color: #FF0000;
}
.bc-bg-c-lim{
	background-color: #00FF00;
}
.bc-bg-c-blu{
	background-color: #0000FF;
}
.bc-bg-c-gre{
	background-color: #008000;
}
.bc-bg-c-sil{
	background-color: #C0C0C0;
}
.bc-bg-c-gra{
	background-color: #808080;
}
.bc-bg-c-oli{
	background-color: #808000;
}
.bc-bg-c-yel{
	background-color: #FFFF00;
}
.bc-bg-c-mar{
	background-color: #800000;
}
.bc-bg-c-nav{
	background-color: #000080;
}
.bc-bg-c-pur{
	background-color: #800080;
}
.bc-bg-c-tea{
	background-color: #008080;
}
.bc-bg-c-fuc{
	background-color: #FF00FF;
}
.bc-bg-c-aqu{
	background-color: #00FFFF;
}
.bc-bg-c-cya{
	background-color: #00FFFF;
}
.bc-bg-c-ora{
	background-color: #FFA500;
}
.bc-bg-c-gol{
	background-color: #FFD700;
}



/**
背景颜色类别：蓝色背景系列
格式：
	bc-bg-c-blu[类别]
说明：
	前缀为bc-bg-c-blu，代表蓝色背景系列的background-color。
	类别为数字编号，用于定义不同程度的蓝色背景。
*/
.bc-bg-c-blu0{
	background-color: #4A8DDB;
}
.bc-bg-c-blu1{
	background-color: #05B0DE;
}
.bc-bg-c-blu2{
	background-color: #486A9A;
}



/**
背景图像类别：
格式：
	bc-bg-img[类别]
说明：
	前缀为bc-bg-c-img，代表background-image，背景图像。此属性将覆盖背景颜色(background-color)。
	类别为数字编号，用于定义不同的背景图像。
*/
.bc-bg-img0{
	/*示例：*/
	/*background-image: url(bg0.jpg);*/
}
.bc-bg-img1{
	/*background-image: url(bg1.jpg);*/
}



/**
背景图像如何铺排填充：
格式：
	bc-bg-rep[-类型]
说明：
	前缀为bc-bg-rep，代表background-repeat，背景图像如何铺排填充。必须先设置背景图像(background-image)。
类型：
	无：repeat，默认值，横向和纵向都平铺
	x：repeat-x，横向平铺（水平平铺，水平方向图像重复）
	y：repeat-y，纵向平铺（垂直平铺，垂直方向图像重复）
	xy|r|re：repeat，横向和纵向都平铺
	n：no-repeat，不平铺
	ro：round，背景图像自动缩放直到适应且填充满整个容器。仅Chrome,Safari,Opera支持该参数值
	s：space，背景图像以相同的间距平铺且填充满整个容器或某个方向。仅Chrome,Safari,Opera支持该参数值
*/
.bc-bg-rep{
	background-repeat: repeat;
}
.bc-bg-rep-x{
	background-repeat: repeat-x;
}
.bc-bg-rep-y{
	background-repeat: repeat-y;
}
.bc-bg-rep-xy, .bc-bg-rep-r, .bc-bg-rep-re{
	background-repeat: repeat;
}
.bc-bg-rep-n{
	background-repeat: no-repeat;
}
.bc-bg-rep-ro{
	-moz-background-repeat: round;
	-webkit-background-repeat: round;
	-xv-background-repeat: round;
	-o-background-repeat: round;
	-khtml-background-repeat: round;
	-ms-background-repeat: round;
	background-repeat: round;
}
.bc-bg-rep-s{
	-moz-background-repeat: space;
	-webkit-background-repeat: space;
	-xv-background-repeat: space;
	-o-background-repeat: space;
	-khtml-background-repeat: space;
	-ms-background-repeat: space;
	background-repeat: space;
}



/**
背景图像是随对象内容滚动还是固定的：
格式：
	bc-bg-att[-类型]
说明：
	前缀为bc-bg-att，代表background-attachment，背景图像是随对象内容滚动还是固定的。必须先设置背景图像(background-image)。
类型：
	无：scroll，默认值，横向和纵向都平铺
	f：fixed，背景图像相对于窗体固定。
	s：scroll，背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。
	l：local，背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。（CSS3）
*/
.bc-bg-att{
	background-attachment: scroll;
}
.bc-bg-att-f{
	background-attachment: fixed;
}
.bc-bg-att-s{
	background-attachment: scroll;
}
.bc-bg-att-l{
	-moz-background-attachment: local;
	-webkit-background-attachment: local;
	-xv-background-attachment: local;
	-o-background-attachment: local;
	-khtml-background-attachment: local;
	-ms-background-attachment: local;
	background-attachment: local;
}



/**
背景图像位置：
格式：
	bc-bg-pos[-类型][类别]
说明：
	前缀为bc-bg-pos，代表background-position，背景图像位置。必须先设置背景图像(background-image)。
	类别为数字编号，用于定义不同的背景图像位置。
类型：
	无：center，中间位置，相当于[50% 50%]。
	l：left，左中位置，相当于[0% 50%]。
	r：right，右中角位置，相当于[100% 50%]。
	t：top：头中位置，相当于[50% 0%]。
	b：bottom：底中位置，相当于[50% 100%]。
	c：center：中间位置，相当于[50% 50%]。
*/
.bc-bg-pos{
	background-position: center;
}
.bc-bg-pos-l{
	background-position: left;
}
.bc-bg-pos-r{
	background-position: right;
}
.bc-bg-pos-t{
	background-position: top;
}
.bc-bg-pos-b{
	background-position: bottom;
}
.bc-bg-pos-c{
	background-position: center;
}
.bc-bg-pos0{
	background-position: 50% 50%;/*background-position: 50%,50%;*/
}
.bc-bg-pos1{
	background-position: 0% 0%;/*background-position: 0%,0%;*/
}
/*示例：*/
.bc-bg-pos2{
	/*
	语法格式：background-position：<bg-position>[,<bg-position>]?
	其中，两个属性值之间以空格或英文逗号分隔，<bg-position>=[<length>|<percentage>|left|center|right] [<length>|<percentage>|top|center|bottom]?
	*/
	/*格式一：*/
	/*background-position: 50px 50px;*/
	/*格式二：*/
	/*background-position: 50px,50px;*/
	/*格式三：*/
	/*background-position: 50%,20px;*/
	/*格式四：*/
	/*background-position: 20px,50%;*/
}



/**
背景图像计算background-position时的参考原点(位置)：
格式：
	bc-bg-ori[-类型]
说明：
	前缀为bc-bg-ori，代表background-origin，背景图像计算background-position时的参考原点(位置)。必须先设置背景图像(background-image)。
类型：
	无：padding-box，默认值
	p：padding-box，从padding区域（含padding）开始显示背景图像。
	b：border-box，从border区域（含border）开始显示背景图像。
	c：content-box，从content区域开始显示背景图像。
*/
.bc-bg-ori{
	-moz-background-origin: padding-box;
	-webkit-background-origin: padding-box;
	-xv-background-origin: padding-box;
	-o-background-origin: padding-box;
	-khtml-background-origin: padding-box;
	-ms-background-origin: padding-box;
	background-origin: padding-box;
}
.bc-bg-ori-p{
	-moz-background-origin: padding-box;
	-webkit-background-origin: padding-box;
	-xv-background-origin: padding-box;
	-o-background-origin: padding-box;
	-khtml-background-origin: padding-box;
	-ms-background-origin: padding-box;
	background-origin: padding-box;
}
.bc-bg-ori-b{
	-moz-background-origin: border-box;
	-webkit-background-origin: border-box;
	-xv-background-origin: border-box;
	-o-background-origin: border-box;
	-khtml-background-origin: border-box;
	-ms-background-origin: border-box;
	background-origin: border-box;
}
.bc-bg-ori-c{
	-moz-background-origin: content-box;
	-webkit-background-origin: content-box;
	-xv-background-origin: content-box;
	-o-background-origin: content-box;
	-khtml-background-origin: content-box;
	-ms-background-origin: content-box;
	background-origin: content-box;
}



/**
背景图像向外裁剪的区域：
格式：
	bc-bg-cli[-类型]
说明：
	前缀为bc-bg-cli，代表background-clip，背景图像向外裁剪的区域。必须先设置背景图像(background-image)。
类型：
	无：border-box，默认值
	p：padding-box，从padding区域（含padding）开始显示背景图像。
	b：border-box，从border区域（含border）开始显示背景图像。
	c：content-box，从content区域开始显示背景图像。
*/
.bc-bg-cli{
	-moz-background-clip: border-box;
	-webkit-background-clip: border-box;
	-xv-background-clip: border-box;
	-o-background-clip: border-box;
	-khtml-background-clip: border-box;
	-ms-background-clip: border-box;
	background-clip: border-box;
}
.bc-bg-cli-p{
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-xv-background-clip: padding-box;
	-o-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}
.bc-bg-cli-b{
	-moz-background-clip: border-box;
	-webkit-background-clip: border-box;
	-xv-background-clip: border-box;
	-o-background-clip: border-box;
	-khtml-background-clip: border-box;
	-ms-background-clip: border-box;
	background-clip: border-box;
}
.bc-bg-cli-c{
	-moz-background-clip: content-box;
	-webkit-background-clip: content-box;
	-xv-background-clip: content-box;
	-o-background-clip: content-box;
	-khtml-background-clip: content-box;
	-ms-background-clip: content-box;
	background-clip: content-box;
}



/**
背景图像的尺寸大小：
格式：
	bc-bg-siz[-类型][类别]
说明：
	前缀为bc-bg-siz，代表background-size，背景图像的尺寸大小。必须先设置背景图像(background-image)。
类型：
	无：缩放到完全覆盖容器。
	a：auto，默认值，背景图像的真实大小。
	cov：cover，将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
	con：contain，将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
*/
.bc-bg-siz{
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-xv-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
}
.bc-bg-siz-a{
	-moz-background-size: auto;
	-webkit-background-size: auto;
	-xv-background-size: auto;
	-o-background-size: auto;
	-khtml-background-size: auto;
	-ms-background-size: auto;
	background-size: auto;
}
.bc-bg-siz-cov{
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-xv-background-size: cover;
	-o-background-size: cover;
	-khtml-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.bc-bg-siz-con{
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-xv-background-size: contain;
	-o-background-size: contain;
	-khtml-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.bc-bg-siz0{
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-xv-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
}
/*示例：*/
.bc-bg-siz1{
	/*
	语法格式：background-size：<bg-size>[,<bg-size>]?
	其中，两个属性值之间以空格或英文逗号分隔，<bg-size>=[<length>|<percentage>|auto]{1,2}|cover|contain
	*/
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
	-xv-background-size: 50px 50px;
	-o-background-size: 50px 50px;
	-khtml-background-size: 50px 50px;
	-ms-background-size: 50px 50px;
	background-size: 50px 50px;
}